function template (id,data) {
    // 这里必须用getelementbyid获取到模版id 里面的内容 因为 模版id是作为实参变量 进行传递过来的 无法使用queryselector加#号的形式获取到
    var str = document.getElementById(id).innerHTML
    var zz = /{{\s*([a-zA-Z]+)\s*}}/
    var re = null
    while (re = zz.exec(str)) {
        str = str.replace(re[0], data[re[1]])
    }
    return str
}
// zz代表正则 re代表循环匹配出的每次数组结果 